﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterClinicaSanPablo.Master" AutoEventWireup="true"
    CodeBehind="MantenimientoProveedor.aspx.cs" Inherits="ClinicaSanPablo.MantenimientoProveedor" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {

            function limpiar() {
                $("#txtRazSocRegistro").val("");
                $("#txtApellidosRegistro").val("");
                $("#txtNombresRegistro").val("");
                $("#txtRazSocBusqueda").val("");
                $("#txtRazSocBusqueda").focus();
            }

            $('#mantenimientoProveedor').validate({
                rules: {
                    ctl00$master$txtRazSocRegistro: {
                        required: true
                    },
                    ctl00$master$txtApellidosRegistro: {
                        required: true
                    },
                    ctl00$master$txtNombresRegistro: {
                        required: true
                    }
                },
                messages: {
                    ctl00$master$txtRazSocRegistro: {
                        required: "<br/> * Ingrese Razon Social"
                    },
                    ctl00$master$txtApellidosRegistro: {
                        required: "<br/> * Ingrese Apellidos"
                    },
                    ctl00$master$txtNombresRegistro: {
                        required: "<br/> * Ingrese Nombres"
                    }
                }
            });

            $('#btnBuscar').click(function () {
                div = document.getElementById('oculta1');
                div.style.display = "block";
                div = document.getElementById('oculta2');
                div.style.display = "none";
                div = document.getElementById('oculta3');
                div.style.display = "none";
                $("#grdListProveedor").trigger("reloadGrid");

                $("#btnActualizar").hide("slow");
                return false;
            });

            $('#btnAgregar').click(function () {
                div = document.getElementById('oculta2');
                div.style.display = "block";
                div = document.getElementById('oculta3');
                div.style.display = "block";

                $("#txtRazSocRegistro").val("");
                $("#txtNombresRegistro").val("");
                $("#txtApellidosRegistro").val("");

                $("#btnRegistrar").show("slow");
                $("#btnActualizar").hide("slow");
                return false;
            });
            
            $("#grdListProveedor").jqGrid({
                url: "BusProveedor.aspx",
                datatype: 'json',
                type: 'GET',
                colNames: ['Código', 'Razon Social', 'Nombres Proveedor', 'Apellidos Proveedor', 'Contacto', 'Fecha Registro', 'Fecha Actualización', 'Usuario Registro'],
                colModel: [
                    { name: 'Id', index: 'Id', align: 'center', width: 100, sortable: false, hidden: true },
                    { name: 'RazonSocial', index: 'RazonSocial', align: 'center', width: 200, sortable: false },
                    { name: 'NombresProveedor', index: 'NombresProveedor', align: 'center', width: 100, sortable: false, hidden: true },
                    { name: 'ApellidosProveedor', index: 'ApellidosProveedor', align: 'center', width: 100, sortable: false, hidden: true },
                    { name: 'Contacto', index: 'Contacto', align: 'center', width: 180, sortable: false },
                    { name: 'FechaRegistro', index: 'FechaRegistro', align: 'center', width: 130, sortable: false },
                    { name: 'FechaActualizacion', index: 'FechaActualizacion', align: 'center', width: 130, sortable: false },
                    { name: 'UsuarioRegistro', index: 'UsuarioRegistro', align: 'center', width: 200, sortable: false },
                    ],
                pager: jQuery('#grdPagerProveedor'),
                rowNum: 20,
                rowList: [20, 50, 100],
                sortname: 'Id',
                sortorder: 'desc',
                postData: {
                    razSocProveedor: function () { return $("#txtRazSocBusqueda").val(); }
                },
                onSelectRow: function (id) {
                    var ret = jQuery("#grdListProveedor").jqGrid('getRowData', id);
                    Codigo = ret.Id;
                    RazonSocial = ret.RazonSocial;
                    NombresProveedor = ret.NombresProveedor;
                    ApellidosProveedor = ret.ApellidosProveedor;
                }
            });

            $("#deleteFila").click(function () {
                var gr = jQuery("#grdListProveedor").getGridParam('selrow');
                if (gr != null) {
                    var data3 = {
                        codProveedor: Codigo
                    }

                    var jsondata = JSON.stringify(data3);

                    $.ajax({
                        type: "POST",
                        url: "MantenimientoProveedor.aspx/DeleteProveedor",
                        data: jsondata,
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (data) {
                            var jsonData = JSON.parse(data.d);
                            if (jsonData.resultado) {
                                alert("Se elimino el registro");
                                limpiar();
                                div = document.getElementById('oculta2');
                                div.style.display = "none"
                                $("#grdListProveedor").trigger("reloadGrid");
                                $("#btnActualizar").hide("slow");
                            }
                            else {
                                alert("Error al eliminar");
                            }
                        },
                        error: function () {
                            alert("Failed to load names");
                        }
                    });
                    return false;
                }
                else alert("Seleccione una fila!");
            });

            $("#editFila").click(function () {
                var gr = jQuery("#grdListProveedor").getGridParam('selrow');
                if (gr != null) {
                    $("#txtRazSocRegistro").val(RazonSocial);
                    $("#txtNombresRegistro").val(NombresProveedor);
                    $("#txtApellidosRegistro").val(ApellidosProveedor);

                    div = document.getElementById('oculta2');
                    div.style.display = "block"
                    div = document.getElementById('oculta3');
                    div.style.display = "block";

                    $("#btnActualizar").show("slow");
                    $("#btnRegistrar").hide("slow");
                }
                else {
                    alert("Seleccione una fila!");
                }
            });

            $("#btnCancelar").click(function () {
                div = document.getElementById('oculta2');
                div.style.display = "none";
                div = document.getElementById('oculta3');
                div.style.display = "none";

                $("#btnRegistrar").hide("slow");
                $("#btnActualizar").hide("slow");
                return false;
            });

            $("#btnLimpiar").click(function () {
                limpiar();
                return false;
            });

            $('#btnRegistrar').click(function () {

                div = document.getElementById('oculta2');

                if (div.style.display == 'none') {
                    alert("Seleccione el boton 'Agregar Proveedor'");
                }
                else {
                    var valid = $('#mantenimientoProveedor').valid();
                    if (valid) {
                        var razSocProveedor = $("#txtRazSocRegistro").val();
                        var nomProveedor = $("#txtNombresRegistro").val();
                        var apeProveedor = $("#txtApellidosRegistro").val();

                        var fechaTodo = new Date();
                        var dia = fechaTodo.getDate();
                        var mes = fechaTodo.getMonth() + 1;
                        var anio = fechaTodo.getFullYear();
                        var fechaRegistro = dia + "/" + mes + "/" + anio;
                        var fechaActualizacion = dia + "/" + mes + "/" + anio;

                        var codUsuario = '43811752';

                        var data1 = {
                            RazSocProveedor: razSocProveedor,
                            ApeProveedor: apeProveedor,
                            NomProveedor: nomProveedor,
                            FechaRegistro: fechaRegistro,
                            FechaActualizacion: fechaActualizacion,
                            CodUsuario: codUsuario
                        };

                        var jsondata = JSON.stringify(data1);

                        $.ajax({
                            type: "POST",
                            url: "MantenimientoProveedor.aspx/RegistrarProveedor",
                            data: jsondata,
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            success: function (data) {
                                var jsonData = JSON.parse(data.d);
                                if (jsonData.resultado) {
                                    alert("Se registro Correctamente");
                                    $("#grdListProveedor").trigger("reloadGrid");
                                    limpiar();
                                }
                                else
                                    alert("Error en el registro");
                            },
                            error: function () {
                                alert("Failed to load names");
                            }
                        });
                    }
                }
                return false;
            });

            $("#btnActualizar").click(function () {

                var valid = $('#mantenimientoProveedor').valid();

                if (valid) {

                    var RazSocProveedor = $("#txtRazSocRegistro").val();
                    var NomProveedor = $("#txtNombresRegistro").val();
                    var ApeProveedor = $("#txtApellidosRegistro").val();

                    var fechaTodo = new Date();
                    var dia = fechaTodo.getDate();
                    var mes = fechaTodo.getMonth() + 1;
                    var anio = fechaTodo.getFullYear();
                    var FechaActualizacion = dia + "/" + mes + "/" + anio;

                    var data3 = {
                        codProveedor: Codigo,
                        razSocProveedor: RazSocProveedor,
                        apeProveedor: ApeProveedor,
                        nomProveedor: NomProveedor,
                        fecActualizacion: FechaActualizacion
                    }

                    var jsondata = JSON.stringify(data3);

                    $.ajax({
                        type: "POST",
                        url: "MantenimientoProveedor.aspx/UpdateProveedor",
                        data: jsondata,
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (data) {
                            var jsonData = JSON.parse(data.d);
                            if (jsonData.resultado) {
                                alert("Se actualizo el registro");
                                limpiar();
                                div = document.getElementById('oculta2');
                                div.style.display = "none"
                                $("#grdListProveedor").trigger("reloadGrid");
                                $("#btnActualizar").hide("slow");
                            }
                            else {
                                alert("Error al actualizar");
                            }
                        },
                        error: function () {
                            alert("Failed to load names");
                        }
                    });
                }
                return false;
            });
            $('.csAlfanumerico').alphanumeric({ allow: " .,-#ªº" });
            $('.csAlfa').alpha({ nocaps: true, allow: " .,-" });
            $('.csNumericDudoso').numeric({ nocaps: true, allow: ".,-" });
            $('.csNumeric').numeric();
        });       
    </script>
    <style type="text/css">
        .error
        {
            border: 1px solid red;
        }
        label.error
        {
            border: 0px;
            color: Red;
        }
        div.container
        {
            display: none;
            color: Red;
        }
        #grdMuestraRecla
        {
            text-align: center;
        }
        #asd .ui-jqgrid
        {
            display: block;
            margin: 0 auto;
        }
        .style36
        {
            width: 73px;
        }
        .style37
        {
            width: 119px;
        }
        .style38
        {
            width: 241px;
        }
        .style39
        {
            width: 121px;
        }
        .style40
        {
            width: 964px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="master" runat="server">
    <form id="mantenimientoProveedor" runat="server">
    <div class="cuerpo">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td colspan="3">
                    <img src="images/caja_main01.gif" width="973" height="13" />
                </td>
            </tr>
            <tr>
                <td width="7" background="images/caja_main02.gif">
                    &nbsp;
                </td>
                <td class="info" valign="top" style="width: 964px">
                    <h1>
                        Mantenimiento de <strong>Proveedor</strong></h1>
                    <div class="content" style="margin-bottom: 10px;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TablaStyle">
                            <%--<tr>
                                  <td width="6"><img src="images/cajaN_01.gif" width="6" height="6" /></td>
                                  <td background="images/cajaN_02.gif"><img src="images/space.gif" width="10" height="5" /></td>
                                  <td width="6"><img src="images/cajaN_03.gif" width="6" height="6" /></td>
                                </tr>--%>
                            <tr>
                                <%--<td width="6" background="images/cajaN_04.gif">&nbsp;</td>--%>
                                <td bgcolor="#eeeeee">
                                    <h2>
                                        Búsqueda de Proveedor:</h2>
                                    <table width="95%" border="0" align="center" cellpadding="1" cellspacing="1">
                                        <tr>
                                            <td class="style36">
                                                <strong>Razón Social:</strong>
                                            </td>
                                            <td width="160">
                                                <asp:TextBox ID="txtRazSocBusqueda" runat="server" CssClass="frm csAlfanumerico"
                                                    Width="175"></asp:TextBox>
                                            </td>
                                            <td width="100">
                                                <button id="btnBuscar" class="submitBtn">
                                                    <span>Buscar</span></button>
                                            </td>
                                            <td>
                                                <button id="btnAgregar" class="submitBtn">
                                                    <span>Agregar</span></button>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="6">
                                    &nbsp;
                                </td>
                            </tr>
                            <%--<tr>
                                  <td width="6"><img src="images/cajaN_06.gif" width="6" height="6" /></td>
                                  <td background="images/cajaN_07.gif"><img src="images/space.gif" width="10" height="5" /></td>
                                  <td width="6"><img src="images/cajaN_08.gif" width="6" height="6" /></td>
                                </tr>--%>
                        </table>
                    </div>
                    <%--style="display: none; margin-bottom: 10px;"--%>
                    <div class="content" id="oculta1" style="display: none; margin-bottom: 10px;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TablaStyle">
                            <tr>
                                <td width="6">
                                </td>
                                <td>
                                </td>
                                <td width="6">
                                </td>
                            </tr>
                            <tr>
                                <td width="6">
                                    &nbsp;
                                </td>
                                <td bgcolor="#eeeeee">
                                    <h2>
                                        Resultado:</h2>
                                    <div style="width: 100%;" id="asd" align="center">
                                        <table id="grdListProveedor">
                                        </table>
                                    </div>
                                    <div id="grdPagerProveedor" align="center">
                                    </div>
                                    <table style="margin-left: 25px">
                                        <tr>
                                            <td>
                                                <input type="button" value="" id="editFila" />&nbsp;
                                                <input type="button" value="" id="deleteFila" />
                                            </td>
                                        </tr>
                                    </table>
                                    <br />
                                </td>
                                <td width="6">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td width="6">
                                </td>
                                <td>
                                </td>
                                <td width="6">
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="content" id="oculta2" style="display: none;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TablaStyle">
                            <%-- <tr>
                                <td width="6"><img src="images/cajaN_01.gif" width="6" height="6" /></td>
                                <td background="images/cajaN_02.gif"><img src="images/space.gif" width="10" height="5" /></td>
                                <td width="6"><img src="images/cajaN_03.gif" width="6" height="6" /></td>
                              </tr>--%>
                            <tr>
                                <%--<td width="6" background="images/cajaN_04.gif">&nbsp;</td>--%>
                                <td width="6">
                                    &nbsp;
                                </td>
                                <td bgcolor="#eeeeee" class="style40">
                                    <h2>
                                        Nuevo /Editar Proveedor</h2>
                                    <table width="95%" border="0" align="center" cellpadding="2" cellspacing="1">
                                        <tr>
                                            <td class="style37">
                                                Razon Social :
                                            </td>
                                            <td class="style38">
                                                <asp:TextBox ID="txtRazSocRegistro" runat="server" CssClass="frm csAlfanumerico"
                                                    Width="200"></asp:TextBox>
                                            </td>
                                            <td class="style37">
                                                Nombres Contacto :
                                            </td>
                                            <td class="style38">
                                                <asp:TextBox ID="txtNombresRegistro" runat="server" CssClass="frm csAlfanumerico"
                                                    Width="200"></asp:TextBox>
                                            </td>
                                            <td class="style39">
                                                Apellidos Contacto :
                                            </td>
                                            <td>
                                                <asp:TextBox ID="txtApellidosRegistro" runat="server" CssClass="frm csAlfanumerico"
                                                    Width="200"></asp:TextBox>
                                            </td>
                                        </tr>
                                    </table>
                                    <p>
                                        &nbsp;</p>
                                </td>
                                <%--<td width="6" background="images/cajaN_05.gif">&nbsp;</td>--%>
                                <td width="6">
                                    &nbsp;
                                </td>
                            </tr>
                            <%--<tr>
    <td width="6"><img src="images/cajaN_06.gif" width="6" height="6" /></td>
    <td background="images/cajaN_07.gif"><img src="images/space.gif" width="10" height="5" /></td>
    <td width="6"><img src="images/cajaN_08.gif" width="6" height="6" /></td>
  </tr>--%>
                        </table>
                    </div>
                    <div id="oculta3" style="display: none;">
                        <p align="center">
                            <button id="btnRegistrar" class="submitBtn">
                                <span>Registrar</span></button>
                            <button id="btnActualizar" class="submitBtn">
                                <span>Actualizar</span></button>
                            <button id="btnCancelar" class="submitBtn">
                                <span>Cancelar</span></button>
                            <button id="btnLimpiar" class="submitBtn">
                                <span>Limpiar</span></button>
                        </p>
                    </div>
                </td>
                <td width="7" background="images/caja_main03.gif">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <img src="images/caja_main04.gif" width="973" height="13" />
                </td>
            </tr>
        </table>
    </div>
    </form>
</asp:Content>
